<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<span style="visibility: hidden;">loginPageResponse</span>

<table
	style="width: 100%; border-spacing: 0px; border-collapse: collapse;">
	<tr>
		<td style="width: 75%">
			<div class="box-content" style="margin: 0">
				<h2 >Join Us</h2>
			</div>
			<div style="background-color: white" class="body_content"
				onload='document.f.j_username.focus();'>
				<table>
					<tr>
						<td id="login_content_td" valign="top"
							style="padding-right: 20px;">
							<h3>Login with Username and Password</h3> <c:if
								test="${not empty param['error']}">

								<div class='error'>
									<img style="float: left;" alt="error"
										src="/static/images/ERROR.gif" /> <span> Your login
										attempt was not successful, try again.<br /> Caused :
										${sessionScope["SPRING_SECURITY_LAST_EXCEPTION"].message}</span>
								</div>
							</c:if>
							<form name='f' action="javascript:void(0)" method='POST'
								dojoType="dijit.form.Form" id="loginForm"
								data-dojo-id="loginForm">
								<table>
									<tr>
										<td>User:</td>
										<td><input type='text' name='j_username' value=''
											required="true" placeholder="user name"
											dojoType="dijit.form.ValidationTextBox"
											missingMessage="Please Enter userName">
										</td>
									</tr>
									<tr>
										<td>Password:</td>
										<td><input type='password' name='j_password'
											required="true" dojoType="dijit.form.ValidationTextBox"
											missingMessage="Please Enter password" />
										</td>
									</tr>
									<tr>
										<td colspan='2'>
											<button data-dojo-type="dijit.form.Button" type="submit" name="submit" value="submit" id="loginSubmitButton" >Submit</button> 
										</td>
									</tr>
									<tr>

									</tr>
								</table>

								<h3 style="text-align: center;">(OR)</h3>
								<div class="login_pane">
									<a href="javascript:googlePopup()" class="google_button"> <img
										class="google_image" src="/static/images/logo-google.png"
										alt="Login With Google"> SIGN IN WITH GOOGLE </a>
								</div>
							</form></td>
						<td style="padding-left: 20px; border-left: 1px solid #848284;"
							valign="top">
							<div id="registrationPane"></div></td>
					</tr>
				</table>
			</div>
			
			</td>
		<td class="page-side-bar"></td>

	</tr>
	<tr>
		<td style="width: 66%">
			
		</td>
		<td class="page-side-bar"></td>

	</tr>
</table>


